<template>

  <div>

  <ul>
    <li :is="item.component" v-for="item in items"></li>
  </ul>
  </div>
</template>

<script>
import GithubCorner from '@/components/GithubCorner'
import PanelGroup from './components/PanelGroup'
import LineChart from './components/LineChart'
import RaddarChart from './components/RaddarChart'
import PieChart from './components/PieChart'
import BarChart from './components/BarChart'
import TransactionTable from './components/TransactionTable'
import TodoList from './components/TodoList'
import BoxCard from './components/BoxCard'
import Vue from 'vue'

const bus = new Vue()
Vue.prototype.bus = bus

const coms = {
  GithubCorner,
  PanelGroup,
  LineChart,
  RaddarChart,
  PieChart,
  BarChart,
  TransactionTable,
  TodoList,
  BoxCard
}
export default {
  name: 'dashboard-admin',
  components: coms,
  data() {
    return {
      items: []
    }
  },
  methods: {

  },
  created() {
    Object.keys(coms).forEach(key => this.items.push({ component: key }))
  }

}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard-editor-container {
  padding: 32px;
  background-color: rgb(240, 242, 245);
  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}
</style>
